<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="index.css">
  <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4613066_wlhjlx4kj8n.css">

</head>

<body>
  <section class="coat">
    <h1>Latest Update Apps</h1>
    <ul class="content-box">
      <li class="content">
        <div class="detail">
          <img src="image/camera.jpg" alt="">
          <p class="title">Messenger - Text and Video Chat for Free</p>
          <p class="category">Simulation</p>
          <p class="mark">4.6<i class="iconfont icon-star" style="color: #ffa201;"></i></p>
        </div>
        <div class="btn">
          <button>Download</button>
        </div>
      </li>
    <li class="content">
      <div class="detail">
        <img src="image/camera.jpg" alt="">
        <p class="title">Messenger - Text and Video Chat for Free</p>
        <p class="category">Simulation</p>
        <p class="mark">4.6<i class="iconfont icon-star" style="color: #ffa201;"></i></p>
      </div>
      <div class="btn">
        <button>Download</button>
      </div>
    </li><li class="content">
      <div class="detail">
        <img src="image/camera.jpg" alt="">
        <p class="title">Messenger - Text and Video Chat for Free</p>
        <p class="category">Simulation</p>
        <p class="mark">4.6<i class="iconfont icon-star" style="color: #ffa201;"></i></p>
      </div>
      <div class="btn">
        <button>Download</button>
      </div>
    </li><li class="content">
      <div class="detail">
        <img src="image/camera.jpg" alt="">
        <p class="title">Messenger - Text and Video Chat for Free</p>
        <p class="category">Simulation</p>
        <p class="mark">4.6<i class="iconfont icon-star" style="color: #ffa201;"></i></p>
      </div>
      <div class="btn">
        <button>Download</button>
      </div>
    </li><li class="content">
      <div class="detail">
        <img src="image/camera.jpg" alt="">
        <p class="title">Messenger - Text and Video Chat for Free</p>
        <p class="category">Simulation</p>
        <p class="mark">4.6<i class="iconfont icon-star" style="color: #ffa201;"></i></p>
      </div>
      <div class="btn">
        <button>Download</button>
      </div>
    </li><li class="content">
      <div class="detail">
        <img src="image/camera.jpg" alt="">
        <p class="title">Messenger - Text and Video Chat for Free</p>
        <p class="category">Simulation</p>
        <p class="mark">4.6<i class="iconfont icon-star" style="color: #ffa201;"></i></p>
      </div>
      <div class="btn">
        <button>Download</button>
      </div>
    </li>
    </ul>
  </section>
</body>

</html>